﻿@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
@charset "utf-8";
/* CSS Document */
*              { margin:0 auto; padding:0; }
a              { color: #0088E2; outline:0; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
a:active       { outline: none; }
a:focus        { -moz-outline-style: none; }
a:hover        { text-decoration: underline; color: #0088E2; }
img            { border:none; }
li             { list-style:none; }
input, button  { outline: none; border: none; }
.padding_class { padding: 0 10px; }
/*html, body, */
/*.page          { height: 100%; }*/
.sessionClass  { padding-top: 15px; }
.floatRight    { float: right; }
.floatLeft     { float: left; }
.verified_img  { vertical-align: bottom; }
.follow_button { position: absolute; bottom: 15px; right: 60px; z-index: 10; }
.follow_button_status { position: absolute; top: 15px; right: 25px; z-index: 10; }
.unfollow_button:hover { border-color: #952f2a !important;; background:#c43c35 !important; }
.unfollow_button:active { -webkit-box-shadow: inset 0 5px 10px #64110D !important; box-shadow: inset 0 5px 10px #64110D !important; border-color: #952f2a !important;; background:#c43c35 !important; }
.news_post     { font-weight: bold; display: none; box-shadow: inset 0 0 5px #DDD; font-size: 13px; float: left; width: 100%; border-bottom: 1px solid #FFF;
 background: #F4F4F4; color: #FF7000; text-align: center; padding: 10px 0; cursor: pointer; }
#errorSignUp,
#error, 
#error_recover         { display: none; margin: 5px 0; float: left; color: #F00; font-weight: bold; font-size: 12px; line-height: 14px; width: 100%; }
#success,
#success_recover,
#success_signin { margin: 5px 0; display: none; float: left; color: #247301; font-weight: bold; font-size: 12px; line-height: 14px; width: 100%; }
body{
    background: #f4efe1!important;
}
p{
    line-height: 22px;
    color: black;
    font-family: 'Arial';
}
.isFollow      { font-size: 10px; background-color: rgba(0,0,0,0.5); color: #FFF; padding: 2px 5px; -webkit-border-radius: 3px; border-radius: 3px; }
.ico_img_sm    { width: 12px; height: 10px; display: inline-block; background-image: url('../img/ico_img_small.png'); }
.favorite_ico  { width: 12px; height: 10px; display: inline-block; background-image: url('../img/favorites.png'); }
.trash_ico  { width: 12px; height: 10px; display: inline-block; background-image: url('../img/trash.png'); }
.video_img_sm  { vertical-align: middle; width: 12px; height: 10px; display: inline-block; background-image: url('../img/video.png'); }
.icon_song_min  { vertical-align: middle; width: 12px; height: 11px; display: inline-block; background-image: url('../img/icon_song_min.png'); }
.icons         { background-color: #0088E2; }
.logout        { cursor: pointer; }
.scroll_none,
.scroll_none_popout   { overflow: hidden; }
.counter       { float: right; color: #999; bottom: -10px; position: relative; font-size: 14px; }
.counter_2 {
    float: right;
    color: #999;
    top: -18px;
    position: absolute;
    right: 3%;
    font-size: 14px;
}
.counterBio    { position: absolute; right: 0; bottom: 0; font-size: 14px; color: #999; }
.warning       { color: #FF7000; font-weight: bold; }
.exceeded      { color: #F00; font-weight: bold; }
#loader_gif,
#loader_gif_2    { border-radius: 5px; -webkit-border-radius: 5px; background: url('../img/loader.gif') center center no-repeat #FFF; width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index:20; }
.error_div     { float: left; color: #Fff; font-weight: bold; font-size: 12px; padding: 5px 10px; background: #F00; border-radius: 3px; }
#padding_paragraph { padding: 0 10px 5px 0; float: left; word-wrap: break-word; width: 100%; }
.linkImage,
.whofollow      { cursor: pointer; }
.add_fav        { width: 24px; height: 24px; display: block;  background: url('../img/add_fav.png') 0 0 no-repeat; position: absolute; top: 0; right: 0; }
.popout         { cursor: pointer; max-width: 880px; display: none; padding: 10px; background: rgba(0,0,0,0.85); text-shadow: 0 2px #000; color: rgb(255, 255, 255); font-size: 12px; border-radius: 3px; position: fixed; top: 75px; z-index: 1000; overflow: hidden; width: 40.857%; text-align: center; font-weight: bold; left: 29%; right: 20%; }
.favorited      { color: #FF7000; }
a:hover span.favorited { color: #FF7000; text-decoration: underline; }
.iconfavorited  { background-color: #FF7000 !important;; }
.trash_ico_reply {
    width: 12px;
    height: 10px;
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
    background-color: #999;
    background-image: url('../img/trash.png');
}
.trash_ico_reply:hover { background-color: #F00; }
.grid-reply      { width: 95%; padding: 2.5%; float: left; }
.goTop {  padding-top: 15px; font-size: 12px; display: block; text-align: center; cursor: pointer; float: left; width: 100%; }
.labelAvatar,
.label_cover { -webkit-border-radius: 5px; border-radius: 5px; margin-right: 10px; position: relative; width: 62px; height: 62px; display: inline-block; }
.grid-form.bioGrid { padding-bottom: 20px; position: relative; }
.icoSettings { position: relative; height: 17px; display: block; padding: 8px 0; background: url('../img/user_settings.png') center center no-repeat; }
#boxSettings { display: none; border-radius: 5px; box-shadow: 0 0 10px #5A5A5A; background: #FFF; width: 215px; position: absolute; z-index: 25; right: 3px; top: 40px; }
input.upload { display: none; }
#container_crop { position: relative; left: -20px; margin: 5px 0; background:#F8F8F8; text-align:center; border: 1px solid #ddd; }
#formSettings label.radioButton { cursor:pointer; vertical-align: middle; text-align: left; height: auto; float: left; line-height: 14px; }
#formSettings label.radioButton input { float: left; width: auto; margin-right: 10px; }
.spanStatus { padding: 15px 10px; overflow: hidden; display: block; border-bottom: 1px solid #DDD; }
.favorite_ico_large  { width: 16px; height: 15px; display: inline-block; background-image: url('../img/favorites_large.png'); }
.trash_ico_large  { width: 16px; height: 15px; display: inline-block; background-image: url('../img/trash_large.png'); }
.repost_ico_large  { width: 22px; height: 15px; display: inline-block; background-image: url('../img/repost_ico_large.png'); }
.reply  { width: 18px; height: 15px; display: inline-block; background-image: url('../img/reply.png'); }
.posts li.msg_id_user { width: 85%; float: right; }
.container_page { padding: 15px 15px 25px; }
.reposted { width: 100%; float: left; font-size: 12px; margin: 5px 0; color: #999; }
#container-loader { float: left; width: 100%; padding: 0 0 15px 0; }

.options a { cursor: pointer; }

.settings_user {
	cursor: pointer; 
	position: absolute; bottom: 15px; right: 10px;
	width: 38px; height: 32px; 
	background: #DDD;
	background-image: -webkit-linear-gradient(top, #f8f8f8, #a1a0a0); 
	background-image: -moz-linear-gradient(top, #f8f8f8, #a1a0a0); 
	background-image: linear-gradient(top, #f8f8f8, #a1a0a0); 
	background-image: -ms-linear-gradient(top, #f8f8f8, #a1a0a0); 
	background-image: -o-linear-gradient(top, #f8f8f8, #a1a0a0);
	border: 1px solid #999;
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
}

.settings_user:hover { 
	position: absolute; bottom: 15px; right: 10px;
	width: 38px; height: 32px; 
	background: #DDD;
	background-image: -webkit-linear-gradient(top, #f8f8f8, #888); 
	background-image: -moz-linear-gradient(top, #f8f8f8, #888); 
	background-image: linear-gradient(top, #f8f8f8, #888); 
	background-image: -ms-linear-gradient(top, #f8f8f8, #888); 
	background-image: -o-linear-gradient(top, #f8f8f8, #888);
	border: 1px solid #666;
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
}

.settings_user:active,
.settings_user.activeClass { 
	position: absolute; bottom: 15px; right: 10px;
	width: 38px; height: 32px; 
	background: #DDD;
	background-image: -webkit-linear-gradient(top, #999, #f8f8f8); 
	background-image: -moz-linear-gradient(top, #999, #f8f8f8); 
	background-image: linear-gradient(top, #999, #f8f8f8); 
	background-image: -ms-linear-gradient(top, #999, #f8f8f8); 
	background-image: -o-linear-gradient(top, #999, #f8f8f8);
	-webkit-box-shadow: inset 0 5px 5px #666;
	box-shadow: inset 0 5px 5px #666;
	border: 1px solid #666;
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
}

/*================================== BODY ===========================================*/
body { background: #F8F8F8; height: 100%; margin:0 auto; padding:0; width:100%; outline:none; font-family:Arial, sans-serif; color:#666; position: relative; }


/* Top Bar */
.warpper_top_bar {
    width: 100%;
    height: 62px;
    z-index: 999;
    background: url('../img/bg_top_bar.png') repeat-x;
    position: fixed;
    background: #a02121;
    box-shadow: 0px 4px 10px #bdbdbd;
}

/* Inner Top Bar */
.inner_top_bar { width: 100%; height: 55px; max-width: 1200px; margin: 0 auto; line-height: 55px; }

/* logo */
.logo {
    vertical-align: middle;
    height: 55px;
    margin-top: 3px;
}

/* Navegation */
#navegation,
#navegation_2,
#navegationSessionNull   { float: right; display: inline-block; font-size: 12px; color: #FFF; position: relative; }
#signInButton { cursor: pointer; position: relative; }
i.arrow       { vertical-align: middle; width: 10px; height: 5px; display: inline-block; background: url('../img/arrow_down.png') center right no-repeat; }
#boxLogin     { border-radius: 5px; box-shadow: 0 0 10px #5A5A5A; background: #FFF; width: 300px; position: absolute; z-index: 25; right: -10px; top: 50px; display: none; }
.arrowUp      { width: 20px; height: 10px; background: url('../img/arrow.png') no-repeat; position: absolute; right: 5px; top: -7px; }
#navegation_2 { display: none; }

.nav_user { float: left; }
.nav_user li { position: relative; float: left; padding: 0 10px; }
.nav_user li a {position: relative;
    text-indent: -9999px;
    display: inline-block;
    background-position-y: 6px!important; }
.nav_user li a.messages {  padding: 0 12px; background: url('../img/messages.png') center 18px no-repeat; float: left; }
.nav_user li a.new_votinc {
    background: url("../img/votinc2.png") no-repeat scroll center 11px rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
}
.nav_user li a.notification {  padding: 0 27px; background: url('../img/notification2.png') center 11px no-repeat; float: left; }
.nav_user li a.logoutss {  padding: 0 15px; background: url('../img/logout2.png') center 11px no-repeat; float: left; }
.nav_user li a.search1 {  padding: 0 15px; background: url('../img/search2.png') center 11px no-repeat; float: left; }
.nav_user li a.hashtag {  padding: 0 10px; background: url('../img/hashtag.png') center 18px no-repeat; float: left; }
.nav_user li a.connect { padding: 0 12px; background: url('../img/conect.png') center 18px no-repeat; float: left; }
.nav_user li a.settings { padding: 0 10px; background: url('../img/settings.png') center 18px no-repeat; float: left; }
.nav_user li a.add_post {  cursor: pointer; top: 10px; position: relative; width: 43px; height: 32px; background: url( '../img/add_post.png' ) no-repeat; }
.nav_user li a:active.add_post { background: url( '../img/add_post_active.png' ) no-repeat; }
.nav_user li.listLast { background: none; padding-right: 0;  }
.nav_user li a.settings_2 { padding: 0 10px; background: url('../img/options.png') center 18px no-repeat; float: left; }

#video_link, 
#song_link { padding: 5px 0; width: 100%; text-indent: 10px; display: none; border: 1px solid #DDD; float: left; background: #FFF; margin: 10px 0; } 
#video_link:focus,
#song_link:focus { -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  border-color: #56b4ef; }
/* Layout */
.layout              { position: relative; width: 100%; overflow: hidden;max-width: 1200px; padding-top: 70px; margin: 0 auto; }
/*background: url( '../img/bg_layout.png') repeat;*/ 
.layout.session_null { background: none; }
.map                 { text-align: center; padding: 10px 0; }
.map_img             { width: 538px; }
.session             { min-height: 100%; padding-bottom: 10px; position: relative; }

/* welcome_text */
.right { width: 55.813%; float: left;  }
.welcome_text { font-family: Tahoma; text-align: center; font-size: 34px; text-shadow: 0 2px #000; color: #FFF; line-height: 38px; margin-bottom: 50px; }

/* recover_pass */
.recover_pass,.buttonForgot {
    line-height: normal;
    color: #3b90c9;
    font-size: 12px;
    background: none;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.recover_pass{
    line-height: normal;
    color: #3b90c9;
    font-size: 12px;
    background: none;
    display: inline-block;
    float: left;
    width: 90%;
    margin-bottom: 10px;
}

.recover_pass.buttonInside { float: left; line-height: 25px; }
#signup_form input#terms { width: 5%;
    outline: none;
    border: none;
    float: left;
    text-align: left;
    padding-left: 0px;
    margin-right: 10px; }


/* form signup */
.form_signup {  margin:83px 17px 105px 0;-webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; width: 34.883%; float: right; background: #edeeee; -webkit-border-radius: 5px; border-radius: 5px;
}
.form_signup h3 { background: #FBFBFB; padding: 20px; border-bottom: 1px solid #DDD; font-size: 12px; color: #333; font-weight: normal; border-top-right-radius: 5px; border-top-left-radius: 5px; 
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }

#signup_form       { float: left; padding: 20px; border-top: 1px solid #FFF; }
#signup_form input { background: #FFF; width: 91.533%; margin: 0 0 7px 0; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; border: 1px solid #DDD; -webkit-box-shadow: 0 1px #FFF; box-shadow: 0 1px #FFF; }
#signup_form input:focus { border-color: #56b4ef; -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  }

#signup_form.right-sidebar input{
    width: 89%!important;
}
#signup_form.right-sidebar input#terms{
    width: auto!important;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    margin-left: 3px;
}
#signup_form.right-sidebar .termsLegal{
    float: left;
    width: auto!important;
}

#buttonSubmit { color: #333; text-shadow: 0 1px #FFF; padding: 5px 30px; background: #fda115; }
#buttonSubmit { 
	background-image: -webkit-linear-gradient(top, #feda43, #fda115); 
	background-image: -moz-linear-gradient(top, #feda43, #fda115); 
	background-image: linear-gradient(top, #feda43, #fda115); 
	background-image: -ms-linear-gradient(top, #feda43, #fda115); 
	background-image: -o-linear-gradient(top, #feda43, #fda115);
	border: 1px solid #ffaa22; 
	-webkit-box-shadow: 0 1px #FFF; 
	box-shadow: 0 1px #FFF; 
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
	font-weight: bold;
	}
	
	#buttonSubmit:hover { 
	background-image: -webkit-linear-gradient(top, #f4c606, #fda115); 
	background-image: -moz-linear-gradient(top, #f4c606, #fda115); 
	background-image: linear-gradient(top, #f4c606, #fda115); 
	background-image: -ms-linear-gradient(top, #f4c606, #fda115); 
	background-image: -o-linear-gradient(top, #f4c606, #fda115);
	border: 1px solid #ee9207; 
	-webkit-box-shadow: 0 1px #FFF; 
	box-shadow: 0 1px #FFF; 
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
	font-weight: bold;
	}
	
	#buttonSubmit:active { 
	background-image: -webkit-linear-gradient(top, #fda115, #feda43); 
	background-image: -moz-linear-gradient(top, #fda115, #feda43); 
	background-image: linear-gradient(top, #fda115, #feda43); 
	background-image: -ms-linear-gradient(top, #fda115, #feda43); 
	background-image: -o-linear-gradient(top, #fda115, #feda43);
	border: 1px solid #ffaa22; 
	-webkit-box-shadow: 0 1px #FFF; 
	box-shadow: 0 1px #FFF; 
	float: right;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer; 
	font-weight: bold;
	-webkit-box-shadow: inset 0 2px 5px #d67f04; 
	box-shadow: inset 0 2px 5px #d67f04;
	
}

/* form sign in*/
.signin_form {
    padding-top: 20px;
    margin-left: 50px;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    width: 34.883%;
    float: right;
    margin-top: 15px;
    background: #a12122;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.signin_form h3 { background: #FBFBFB; padding: 20px; border-bottom: 1px solid #DDD; font-size: 12px; color: #333; font-weight: normal; border-top-right-radius: 5px; border-top-left-radius: 5px; 
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }

.signin_form.page{
    width: 52%;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#signin_form,
#recover_pass_form,
#signup_form{
    float: left;
    padding: 20px;
    background: white;
    margin: 20px;
}
#signin_form input,
#recover_pass_form input {
    background: #FFF;
    width: 93%;
    margin: 0 0 7px 0;
    border-radius: 0px;
    padding: 8px 10px;
    border: 1px solid #006cb4;
}
#signin_form input:focus,
#recover_pass_form input:focus { border-color: #56b4ef; -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  }
#signin_form.form_login,
#recover_pass_form.form_login { border-top: none; line-height: normal; }

#buttonSignIn, 
.follow_button,
.follow_button_status,
#buttonRecoverPass, #signup_form #buttonSubmit {  color: #FFF; padding: 5px 30px; background: #FF7000; }
#buttonSignIn, 
.follow_button,
.follow_button_status,
#buttonRecoverPass,
#signup_form #buttonSubmit{
    float: left;
    cursor: pointer;
    font-weight: bold;
    background: #5b86f9;
    border: none;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #4c75f1;

	}
	
	#buttonSignIn:hover, 
	.follow_button:hover,
	.follow_button_status:hover,
	#buttonRecoverPass:hover {

        cursor: pointer;
        font-weight: bold;
        background: #a12122;
        border: none;
	}
    .btn-default{
        float: left;
        cursor: pointer;
        font-weight: bold;
        background: #5b86f9;
        border: none;
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #4c75f1;
        color: #FFF;
        padding: 5px 30px;
    }
	
	#buttonSignIn:active, 
	.follow_button:active,
	.follow_button_status:active,
	#buttonRecoverPass:active {

        cursor: pointer;
        font-weight: bold;
        background: #a12122;
        border: none;
}
.follow_button.followBtnMin,
.follow_button_status.followBtnMin { padding: 7px 15px; font-size: 12px; z-index: 10; right: 10px; }
.follow_button,
.follow_button_status,
.follow_active,
.unfollow_button { padding: 8px 30px; } 
.follow_button,
.follow_button_status,
.follow_button:hover,
.follow_button_status:hover { -webkit-box-shadow: none;  box-shadow: none; }

.follow_button:active,
.follow_button_status:active { -webkit-box-shadow: inset 0 2px 10px #EA240D; box-shadow: inset 0 2px 10px #EA240D; }

.unfollow_button { text-shadow: 0 1px #6B0707 !important; }

.follow_button.follow_active,
.follow_button_status.follow_active,
.follow_button.follow_active:hover,
.follow_button_status.follow_active:hover { 
	border: 1px solid #0382B1;
	text-shadow: 0 1px #0D5670;
	-webkit-box-shadow: none;  box-shadow: none; 
	background-image: -webkit-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -moz-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -ms-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -o-linear-gradient(top, #2AC5FD, #058ABB); 
	}

/* Grid */
.wrapper_grid { width: 35.100%; }
.grid_1   {
    /*border: 1px solid #CCC;*/
    margin-bottom: 10px; background: #FFF; -webkit-border-radius: 4px; border-radius: 4px; }
.grid_2   { border: 1px solid #CCC; width: 62.790%; background: #FFF; -webkit-border-radius: 4px; border-radius: 4px; }
.titleBar { padding: 15px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd; }
.statusBar { word-wrap: break-word; font-weight: normal; padding: 15px; font-size: 22px; color: #333; border-bottom: 1px solid #ddd; }

/* Posts */
.posts               { display: block; float: left; width: 100%; }
.posts li.watermark,
.media_profile_media li.watermark  { cursor:auto; text-align: center; width: 100%; line-height: 50px; background: url('../img/logo_watermark.png') center center no-repeat; float: left; padding: 20px 0; 
border-bottom: none; height: 40px; }
.paddingPost         {  overflow: hidden; display: block; }
.posts li            { position: relative; float: left; width: 100%; border-bottom: 1px solid #ddd; height: 100%; }
.posts li.hoverList{
    border: 1px solid #b3b3b3;
}
.posts li.hoverList:hover      { }
.avatar_user         {
    float: left;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: -5px;

}
.detail_grid         { position: relative;
    position: relative;
    height: 100%;
    float: right;
    width: 88.037%;}
.detail_grid a.username,
.detail_grid span.username { float: left; font-size: 14px; font-weight: bold; color: #333; margin: 0 5px 5px 0; }
strong.usernameClass { font-weight: normal; font-size: 12px; color: #999; text-decoration: none; float: left; line-height: 14px; }
/*.detail_grid p       { word-wrap:break-word; margin: 0 0 4px 0; width: 100%; float: left; font-size: 16px !important; font-weight: normal; color: #333; line-height: 17px; text-align: left; }*/

.detail_grid p {
    word-wrap: break-word;
    margin: 0 0 4px 0;
    width: 100%;
    float: left;
    font-size: 16px !important;
    font-weight: normal;
    color: #333;
    line-height: 17px;
    text-align: left;
    padding-top: 21px;
    max-height: 32px;
    /*height: 32px;*/
    height: auto;
    overflow: hidden;
}

/*.timestamp           {*/
    /*position: relative;*/
    /*float: left;*/
    /*color: #666666;*/
    /*width: 100%;*/
    /*font-family: 'Lato', sans-serif;*/
    /*font-weight: bold;*/
    /*font-size: 13px;*/
    /*margin-bottom: 6px;*/
/*}*/


.timestamp {
    position: relative;
    float: left;
    color: #666666;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: -23px;
}

.expand,
.activeSpan,
.reply,
.favoriteIcon,
.trash,
.trashStatus    { cursor: pointer; float: left; font-size: 12px; margin: 0 7px 0 0; }
.notfound      { float: left; width: 100%; text-align: center; padding: 15px 0; border-bottom: 1px solid #DDD; font-size: 12px;  display: block; }

/* container_grid */
.container_grid { padding: 10px; overflow: hidden; display: block; }
.whoContainer { float: left; width: 100%; margin-bottom: 10px; padding: 0 0 10px 0; }
.detail_grid_right    { position: relative; height: 100%; float: right; width: 70.571%; }
.detail_grid_right a.username_right { padding: 0 0 5px 0; border-bottom: 1px solid #DDD; width: 100%; float: left; font-size: 14px; font-weight: bold; color: #333; }
a.link_small { font-size: 11px; }
.grid_title_small { margin: 0 0 10px 0; font-size: 12px; color: #333; width: 100%; float: left; }

/* trending */
.trending { width: 100%; float: left; overflow: hidden; }
.trending li {width: 100%; margin: 0 0 5px 0; font-size: 12px; }

/* settings list */
.settingsList { width: 100%; float: left; overflow: hidden; }
.settingsList li { text-indent: 5px; font-size: 12px; overflow: hidden; border-bottom: 1px solid #DDD; background: url('../img/arrow-2.png') right center no-repeat #FFF; }
.settingsList li a { padding: 10px 0; width: 100%; float: left; }
.settingsList li a:hover {  text-decoration: none; font-weight: bold; }
.settingsList li.lastSet { border: none; }

/* form */
.containerForm { padding: 10px 20px; overflow: hidden; }
.grid-form     { overflow: hidden; margin-bottom: 10px; padding: 5px 0; position: relative; }
.grid-form-bg  { overflow: hidden; position: relative; }
#formSettings,
#updatePass { float: left; width: 100%; padding: 0 10px 10px 0;}
#formSettings label { text-align: right; line-height: 34px; width: 22.215%; float: left; font-size: 12px; color: #333; }
#formSettings input, 
#formSettings textarea { -webkit-transition: border linear .2s,box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s; width: 70.307%; float: right; font-size: 12px; color: #666; border-radius: 3px; -webkit-border-radius: 3px; 
padding: 8px 0; text-indent: 8px; border: 1px solid #DDD; background : #FFF; margin: 0; resize: none; }
#formSettings textarea#bio {  height: 50px; resize:vertical; }
#editProfile,
#save_thumb,
#buttonUpdatePass { text-shadow: 0 1px #0D5670; font-weight: bold; cursor: pointer; background: #2AC5FD; padding: 6px 20px; border: 1px solid #0382B1; 
color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; float: right; }
.select { border: 1px solid #DDD; float: right; background: #FFF;  border-radius: 3px; width: 70.30%; }
#formSettings select { width: 100%; color: #666; border: none; background: none; padding: 8px 5px }
#checkusername { font-size: 12px; color: #666; position: absolute; top: 0; right: 0; }
.delete-account { font-size: 12px; cursor: pointer; float: left; width: 100%; text-align: center; margin: 10px 0; }
.error-update { display: none; margin-bottom: 5px; font-size: 12px; float: left; width: 100%; text-align: center; font-weight: bold; color:#F00; }
#formSettings input:focus,
#formSettings textarea:focus,
#updatePass input:focus { -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  border-color: #56b4ef; }

#updatePass label { text-align: left; line-height: 34px; width: 100%; float: left; font-size: 12px; color: #333; }
#updatePass input { -webkit-transition: border linear .2s,box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s; width: 30%; float: left; font-size: 12px; color: #666; border-radius: 3px; -webkit-border-radius: 3px; 
padding: 8px 0; text-indent: 8px; border: 1px solid #DDD; background : #FFF; margin: 0 0 10px 0; resize: none; }
#buttonUpdatePass { float: left; }

button#editProfile,
#save_thumb,
#buttonUpdatePass
{ 	
	background-image: -webkit-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -moz-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -ms-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -o-linear-gradient(top, #2AC5FD, #058ABB); 
}
button:hover#editProfile,
input:hover#save_thumb,
button:hover#buttonUpdatePass { 
	background-image: -webkit-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -moz-linear-gradient(top, #16ADE4, #006A91); 
	background-image: linear-gradient(top, #16ADE4, #006A91); 
	background-image: -ms-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -o-linear-gradient(top, #16ADE4, #006A91); 
	}
button:active#editProfile,
input:active#save_thumb,
button:active#buttonUpdatePass
{ 	
	background-image: -webkit-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -moz-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -ms-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -o-linear-gradient(top, #058ABB, #2AC5FD); 
}
.container-forms { padding: 10px 20px; overflow: hidden; border-bottom: 1px solid #DDD; margin-bottom: 10px; }
.container-forms img { border-radius: 5px; -webkit-border-radius: 5px; }
/* Upload Avatar */
#formAvatar { text-align: right; padding-right: 10px; float: left; width: 45%; margin-bottom: 10px; border-right: 1px solid #DDD; }
label.titleLabel { font-size: 12px; display: block; margin-bottom: 5px; }

#formBg {text-align: right; float: left; border-bottom: 1px solid #DDD; padding: 15px 165px; }

/* Upload Cover */
#formCover { padding: 0 0 0 10px; float: left;  text-align: right;  width: 43%; margin-bottom: 10px; }

/******* Profile ********/
/* cover_user */
.container_profile { padding: 30px 10px 15px; overflow: hidden; display: block; position: relative; }
.cover_user        { width: 100%; height: 260px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; position: relative; background: #1B1B1B; }
.img_cover         { -webkit-border-radius: 5px; border-radius: 5px; }
.grid_profile      { width: 100%; border-bottom: 1px solid #DDD; }
.avatar_large      {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-height: 100px;
    float: left;
    max-width: 86px;
    margin-right: 10px;
}
.profile_detail    { width: 84.615%; float: right; }
.detail_top        { float: left; width: 100%; border-bottom: 1px solid #DDD; padding: 0 0 5px 0;  }
.detail_top h1     { font-size: 16px; line-height: 17px; float: left; margin: 0 5px 0 0; color: #333; }
.detail_top strong { font-size: 14px; line-height: 17px; font-weight: normal; color: #999; }

.container_data_profile { float: left; padding: 5px 7px 0; }
.grid_first             { padding-left: 0; }
.user_data              { padding: 5px 0 0 0; float: left; width: 100%; }
.user_data li           { float: left; border-right: 1px solid #DDD;  }
.user_data li.last_li   { border: none; }
.countData              { font-weight: bold; font-size: 14px;  color: #333; float: left; width: 100%; }
.title_data             { font-size: 14px; ; color: #999; float: left; padding-top: 3px; }
.container_data_profile a:hover { text-decoration: none; }
.container_data_profile a:hover span{ color: #FF7000;  }
.about_user             { text-align: center; line-height: 17px;  border-top: 1px solid #DDD; margin-top: 5px; padding: 15px 0 0 0; float: left; width: 100%; font-size: 14px; ; color: #4D4D4D;}
.linkCoverLarge { width: 100%; height: 100%; display: block; cursor: pointer; }

/* media profile*/
.media_profile { width: 100%; display: block; float: left; }
.media_profile li { float: left; margin: 0 3px 3px 0; position: relative; overflow: hidden; width: 90px; height: 90px; display: block; }
.media_profile li a { display: block; position: relative; height: 90px; }
.media_profile li.last { margin-right: 0; }

/* All Media */
.media_profile_media { width: 100%; display: block; float: left; }
.media_profile_media li { border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; position: relative; float: left; margin: 0 10px 10px 0; width: 90px; height: 90px; display: block; }
.media_profile_media li a { display: block; position: relative; height: 90px; }
.media_profile_media li.last { margin-right: 0; }
.video_youtube { z-index: 10; width: 24px; height: 18px; display: block; position:absolute; bottom: 5px; left: 5px; background: url('../img/video_youtube.png') center center no-repeat; }
.video_vimeo { z-index: 10; width: 24px; height: 18px; display: block; position:absolute; bottom: 5px; left: 5px; background: url('../img/video_vimeo.png') center center no-repeat; }
.soundCloud { z-index: 10; width: 90px; height: 18px; display: block; position:absolute; bottom: 5px; left: 0; background: url('../img/icon_soundcloud.png') center center no-repeat; }

.quick_search {
    width: auto;
    position: absolute;
    line-height: 55px;
    float: left;
    margin: 0 10px 0 0;
    top: 60px;
    right: 64px;
}
.quick_search input { padding: 5px 30px 5px 15px; background: url('../img/search.png') 165px center #DDD no-repeat; color: #999; box-shadow: inset 0 2px 0 #999; 
border-radius: 50px; -webkit-border-radius: 50px; }
#buttonSearch { opacity: 0; width: 35px; text-indent: -9999px; background: none; height: 24px; position: absolute; top: 20px; right: 0; cursor: pointer; outline: none; }
.quick_search input:hover,
.quick_search input:active,
.quick_search input:focus { -webkit-transition: all .3s ease;  transition: all .3s ease; background:  url('../img/search.png') 165px center #FFF no-repeat; }

/* options_toogle */
.options_toogle { width: 100%; float: left; padding: 5px 0; }
.options_toogle li { float: left; line-height: normal; width: 100%; background: none; padding: 0; }
.options_toogle li a { text-indent:0; display: block; padding: 8px 25px; color: #666; font-size: 12px; }
.options_toogle li a:hover {
	background : #108CEC;
	background-image: -webkit-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -moz-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -ms-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -o-linear-gradient(top, #108CEC, #1D7DC7);
	text-decoration: none; color: #FFF;
 }
.options_toogle .bottomList { border: none; }

/* MODAL WINDOW */
.ui-dialog { position : fixed; background : #FFF; z-index : 999999; box-shadow: 0 0 10px #111; -moz-box-shadow: 0 0 10px #111; width : 300px; border-radius: 5px; -webkit-border-radius: 5px; }
.ui-dialog .ui-dialog-titlebar { display : block; background : #EEE; height : 40px; border-bottom: 1px solid #FFF; font-size: 14px; color: #333; }
.ui-dialog .ui-dialog-title { float : left; margin : 0; padding : 0; font : 13px/29px Arial; text-indent : 20px; font-weight: bold; height : 40px; line-height : 40px; }
.ui-dialog .ui-dialog-titlebar-close { float : right;  background : url('../img/close.png') no-repeat; margin : 7px 20px 0 0; overflow : hidden; cursor : pointer; 
width : 26px; height : 26px; position: absolute; top: 0; right: -10px; }
.ui-dialog .ui-dialog-titlebar-close:hover { opacity: 0.8; }
.ui-dialog .ui-dialog-content { border-top: 1px solid #DDD; background: #F8F8F8; padding: 10px; overflow : auto; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.ui-dialog .ui-dialog-content.forms { padding : 0; }
.ui-draggable .ui-dialog-titlebar { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 5px; cursor : move; }

/* Overlay */
.ui-widget-overlay { position : absolute; top : 0; background: #000; opacity: 0.7; filter : alpha(opacity=70); }
.modal { display: none; position: relative; }

/* add_post */
#form_add_post {  padding: 0 0 10px 0; border-bottom: 1px solid #DDD; position: relative; width: 100%; float: left; height: auto; margin: 0 0 15px 0; } 
#form_add_post textarea {
    background: #FFF;
    width: 96.916%;
    resize: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: left;
    display: block;
    border: 1px solid #999999;
    padding: 10px;
    margin: 0 auto 48px auto;
    padding-top: 15px;
    height: 47px!important;
}
#form_add_post textarea:focus { -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  border-color: #56b4ef; }
#form_add_post textarea.ExceededForm,
#form_add_post textarea:focus.ExceededForm { border-color: #F00; -webkit-box-shadow: 0 0 5px #F30; box-shadow: 0 0 5px #F30; }
#form_add_post button#button_add { margin: 0 10px 0 0; opacity: 0.5; text-shadow: 0 1px #0D5670; font-weight: bold; cursor: pointer; background: #2AC5FD; padding: 6px 20px; border: 1px solid #0382B1; 
color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; float: left; }
#form_add_post button#button_add 
{
    background: #29abe2;
    opacity: 1!important;
    border: 0px;
    cursor: pointer!important;
}
#form_add_post button:hover#button_add { 
	background-image: -webkit-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -moz-linear-gradient(top, #16ADE4, #006A91); 
	background-image: linear-gradient(top, #16ADE4, #006A91); 
	background-image: -ms-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -o-linear-gradient(top, #16ADE4, #006A91); 
	}
#form_add_post button:active#button_add 
{ 	
	background-image: -webkit-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -moz-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -ms-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -o-linear-gradient(top, #058ABB, #2AC5FD); 
}
/* Reply */
#form_reply_post { position: relative;    height: auto; margin: 0 0 10px 0;   padding: 10px 0 0; width: 100%; float: left;} 
#form_reply_post textarea {  background: #FFF;  resize:none; border-radius: 3px; -webkit-border-radius: 3px; height: 30px; display:block; border: 1px solid #DDD;    margin: 0 0 10px;;   padding: 5px;  overflow: hidden;  width: 97.700%;}
#form_reply_post textarea:focus { -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  border-color: #56b4ef; }
#form_reply_post textarea.ExceededForm,
#form_reply_post textarea:focus.ExceededForm { border-color: #F00; -webkit-box-shadow: 0 0 5px #F30; box-shadow: 0 0 5px #F30; }

#form_reply_post button#button_reply,
#form_reply_post button#button-reply-status,
#form_reply_post button#button-reply-msg { margin: 0 10px 0 0; opacity: 0.5; text-shadow: 0 1px #0D5670; font-weight: bold; cursor: pointer; background: #2AC5FD; padding: 6px 20px; border: 1px solid #0382B1; 
color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; float: left; }
#form_reply_post button#button_reply,
#form_reply_post button#button-reply-status,
#form_reply_post button#button-reply-msg
{ 	
	background-image: -webkit-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -moz-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -ms-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -o-linear-gradient(top, #2AC5FD, #058ABB); 
}
#form_reply_post button:hover#button_reply,
#form_reply_post button:hover#button-reply-status,
#form_reply_post button:hover#button-reply-msg  { 
	background-image: -webkit-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -moz-linear-gradient(top, #16ADE4, #006A91); 
	background-image: linear-gradient(top, #16ADE4, #006A91); 
	background-image: -ms-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -o-linear-gradient(top, #16ADE4, #006A91); 
	}
	
#form_reply_post button:active#button_reply,
#form_reply_post button:active#button-reply-status,
#form_reply_post button:active#button-reply-msg
{ 	
	background-image: -webkit-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -moz-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -ms-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -o-linear-gradient(top, #058ABB, #2AC5FD); 
}
#grid_post { padding: 10px; }

.wrapper_media { float: left;
    width: 100%;
    text-align: center; }
.typeFile  { position: absolute; bottom: 0; display: none; cursor: pointer; height: 30px; padding-left: 45px; }
.file-btn { position: relative; background : url('../img/upload.png') no-repeat left top; margin : 0 0 0 3px; cursor : pointer; z-index: 500; }
.file-btn:hover { opacity: 0.5; }
.file-btn:active { border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 20px #838080;; }
.video_post {  cursor: pointer; background : url('../img/video_post.png') no-repeat left top; width: 40px; height: 30px; display: block; float: left; }
.video_post:hover { opacity: 0.5; }
.video_post:active { border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 20px #838080;; }

.song_post {  cursor: pointer; background : url('../img/song_post.png') no-repeat left top; width: 40px; height: 30px; display: block; float: left; }
.song_post:hover { opacity: 0.5; }
.song_post:active { border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 20px #838080;; }


.details-post { display: none; float: left; margin: 10px 0 0 0; width: 100%; float: left; }
.details-post img.photoPost { cursor: pointer; display: block; }
.favorites_user,
.favs_title { padding: 0 0 10px 0; float: left; width: 100%; font-size: 12px; color: #999; text-align: left; }
.favorites_user img { margin: 0 5px 0 0; border-radius: 3px; }
.favs_title { margin-bottom: 10px; border-bottom: 1px solid #DDD; }
.favs_title strong { color: #333; }
.container-media { width: 100%; margin: 0 0 10px 0; float: left; }
.container-media a{
    float: left;
    width: 100%;
    text-align: center;
}
.details_report { margin-bottom: 10px; width: 100%; font-size: 12px; color: #999; padding: 10px 0 0; float: left; border-top: 1px solid #DDD; }
.iDetails       { float: left;  }
.iReport        { float: right; padding-right: 10px; cursor: pointer; }

.content_modal { position: relative; }
.photo-video-details { display: none; font-size: 12px; width: 100%; line-height: 16px; position: absolute; bottom: 0; left: 0; background: #000; color: #FFF; padding: 20px 0; opacity: 0.9 }
.photo-video-details span {  float: left; padding: 0 10px; }

/* wrapper_preview */
#wrapper_preview { float: left; display: none; width: 100%; margin: 0 0 10px 0; }
#container_preview { position: relative; display: none; width: 100%; float: left; }

/* ALERT */
#popup_container   { text-align:left; font-size: 12px; width: 364px;  height: auto; background: #f8f8f8; border: solid 1px #E5E5E5; color: #666; border-radius: 3px; -webkit-border-radius: 3px; }
#popup_title       { left: -1px; font-size: 18px; background: #EEE; color: #333; position: absolute; top: -10px; width: 378px; padding: 10px 25px; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom: 1px solid #DDD;}
#popup_message     { padding: 10px; line-height: 16px; }
#popup_panel       { text-align: left; padding-left: 15px; }
#popup_panel input { background: #F8F8F8; border: 1px solid #DDD; box-shadow: inset 0 1px #EEE; padding: 5px 10px; color:#666; margin: 10px 10px 0 0; outline:none; cursor:pointer; border-radius: 2px; 
-webkit-border-radius: 2px; font-weight: bold; }
#popup_panel input:hover{ background: #333; color: #FFF; border: 1px solid #333; box-shadow: inset 0 1px #999; }
#popup_panel input:active{ background: #333; border: 1px solid #333; box-shadow: inset 0 3px 10px #111; }

#popup_panel input#popup_ok {background: #5E9B01; border: 1px solid #3c6202; box-shadow: inset 0 1px #a3e939; padding: 5px 10px; color:#FFF; margin: 10px 10px 0 0; outline:none; cursor:pointer; border-radius: 2px; 
-webkit-border-radius: 2px; font-weight: bold; }

#popup_panel input#popup_ok:hover { background: #76c202; border: 1px solid #72b112; }
#popup_panel input#popup_ok:active { background: #5E9B01; border: 1px solid #3c6202; box-shadow: inset 0 3px 10px #111; }


/* LOAD */
.loading-bar {
	padding: 25px 20px 0;
	display: block;
	text-align: center;
	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);
	margin: 0 0 0 0;
	font-size: 14px;
	font-family: "museo-sans", sans-serif;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	border-top: none;
	background: url('../img/preload.gif') center bottom no-repeat #FFF;
	height: 20px;
}

.displayLoad,
.wrapper_details { display: none; }

.spanReply      { border-top: 1px solid #FFF; position: relative; width: 100%; float: left; background: #F7F7F7; border-bottom: 1px solid #DDD; }
.paddingReply   { padding: 10px; overflow: hidden; display: block; }
.replyContainer { position: relative; float: right; width: 90%; }
.replyContainer a.userR { float: left; font-size: 14px; font-weight: bold; color: #333; margin: 0 5px 5px 0; }
.replyContainer p          { word-wrap: break-word; margin: 0 0 4px 0; width: 100%; float: left; font-size: 14px; font-weight: normal; color: #333; line-height: 16px; text-align: left; }         

#send_msg_profile { min-width: 500px; position: relative;    height: auto; margin: 0 0 10px 0;   padding: 10px 0 0; width: 100%; float: left;} 
#send_msg_profile textarea {  height: 90px; background: #FFF;  resize:none; border-radius: 3px; -webkit-border-radius: 3px; display:block; border: 1px solid #DDD; 
margin: 0 0 10px; padding: 5px; width: 97.700%;}
#send_msg_profile textarea:focus { -webkit-box-shadow: 0 0 5px #56b4ef; box-shadow: 0 0 5px #56b4ef;  border-color: #56b4ef; }
#send_msg_profile textarea.ExceededForm,
#send_msg_profile textarea:focus.ExceededForm { border-color: #F00; -webkit-box-shadow: 0 0 5px #F30; box-shadow: 0 0 5px #F30; }
#send_msg_profile button#button_message { margin: 0 10px 0 0; opacity: 0.5; text-shadow: 0 1px #0D5670; font-weight: bold; cursor: pointer; background: #2AC5FD; padding: 6px 20px; border: 1px solid #0382B1; 
color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; float: left; }
#send_msg_profile button#button_message 
{ 	
	background-image: -webkit-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -moz-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -ms-linear-gradient(top, #2AC5FD, #058ABB); 
	background-image: -o-linear-gradient(top, #2AC5FD, #058ABB); 
}
#send_msg_profile button:hover#button_message  { 
	background-image: -webkit-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -moz-linear-gradient(top, #16ADE4, #006A91); 
	background-image: linear-gradient(top, #16ADE4, #006A91); 
	background-image: -ms-linear-gradient(top, #16ADE4, #006A91); 
	background-image: -o-linear-gradient(top, #16ADE4, #006A91); 
	}
	
#send_msg_profile button:active#button_message 
{ 	
	background-image: -webkit-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -moz-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -ms-linear-gradient(top, #058ABB, #2AC5FD); 
	background-image: -o-linear-gradient(top, #058ABB, #2AC5FD); 
}
.formSearchResp { width: 100%; display: none; margin-bottom: 15px; }
.formResponsive { width: 100%; text-align: center; }
.formResponsive input { border: 1px solid #DDD; width: 100%; border-radius: 3px; padding: 15px 0; text-indent: 10px; background: #FFF; }

.footer_responsive { float: left; width: 100%; }

.boxLogin { display: none; width: 100%; }
.chooseTheme { display: block; width: 100%; float: left; margin: 0 0 10px 0; border-bottom: 1px solid #DDD; }
.chooseTheme li { border-radius: 3px; -webkit-border-radius: 3px; display: block; float: left; width: 100px; height: 70px; background: #ddd; margin: 0 20px 10px 0; }
.chooseTheme li img { border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
.chooseTheme li.lasTheme { margin-right: 0; }

/* footer */
.footer { width: 100%;
    overflow: hidden;
    text-align: right;
    height: 40px;
    margin: 60px auto 20px auto;
}
.footer ul { padding: 0 10px; text-align: center; display: inline-block; }
.footer li { color: #FFF; font-size: 12px; float: left; margin: 0 10px 0 0; }
.footer li a { color: #FFF; }
/* ------------------- Mobile ----------------------- */
@media only screen 
and (max-device-width: 600px), 
only screen and (device-width: 1024px) and (device-height: 600px),
only screen and (device-width: 600px), 
only screen and (max-width: 767px) 
{
	#navegation,
	
	.who_follow_grid  { display: none; }
	.grid_ad, 
	.grid_title_small,
	.footer_responsive,
	.trending { text-align: center; }
	.img_ad { width: 50%; }
	.map_img, 
	.form_signup, 
	.signin_form,
	.grid_1,
	.grid_2,
	.wrapper_grid ,
	.img_cover,
	.cover_user { width: 100%; }
	.form_signup { margin-right: 0; margin-bottom: 10px; }
	.signin_form { margin-left: 0; margin-bottom: 10px; }
	.detail_grid { margin-top: 10px; }
	.trending li {width: auto; margin: 0 15px 5px 0; float: left; }
	.container_data_profile { padding: 10px; }
	.img_cover { height: 100%; }
	.chooseTheme li.lasTheme { margin-right: 30px; }
	#navegation_2,
	.formSearchResp  { display: block; }
	#send_msg_profile  { min-width: 100%; } 
	#topcontrol { top: 0 !important; right: 30px !important; z-index: 999 !important; height: 55px; }
	.goTop { padding-top: 10px; } 
	.media_profile { text-align: center; }
	.media_profile li.last { margin: 0 3px 3px 0; }
	.title_data, 
	.countData { font-size: 11px; }
	/*.cover_user { background-size: contain !important; background-color: transparent !important; }
	.follow_button,
	.settings_user { bottom: 50px !important; }
	.detail_grid,*/
	.photoPost { width: 100%; }
	.popoutUser { top: 5% !important; }
	.options_toogle li a.device-mobile { font-size: 11px; }
}

.banner_left, .banner_right{
    width: 20%;
}
.content_center{
    width: 58%;
    margin-left: 1%;
}
.no-bg{background: none;}
.no-border{border: none;}
.bg{background: white;}
.bg-red{background: #a02121;}
.detail_grid_right a.username_right.font-profile-header{
    border: none;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 30px;
    font-weight: normal;
}
.user_data_profile li{
    float: right;
}
.detail_grid_right a.username_right.font-profile-header:hover{
    text-decoration: none;
}
#header_profile .detail_grid_right{
    position: relative;
    height: 100%;
    float: left;
    width: 30%;
    margin-top: 10px;
}
#header_profile .user_data_profile {
    padding: 0px;
    float: left;
    width: 57%;
    border: none;
    margin: 0px;
}
#header_profile #avatar-min{
    float: left;
    margin: 10px;
}
#header_profile .countDataProfile,
#header_profile .title_data_profile{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: white;
    text-align: center;
    margin-bottom: 12px;
}
.posts li{
    background: url('../img/post-list-bg.png') left top no-repeat white;
    margin-bottom: 10px;
    min-height: 100px;
    /*border: 1px solid #b3b3b3;*/
    border-radius: 5px;
}
.posts li .paddingPost{
    /*padding: 22px 35px;*/
    /*overflow: hidden;*/
    display: block;
}
.posts li .paddingPost img{
    /*width: 126px;*/
    /*height: 126px;*/
    /*border-radius: 139px;*/
    border: 2px solid white;
}
@media only screen 
and (max-device-width: 360px), 
only screen and (device-width: 360px) and (device-height: 700px),
only screen and (device-width: 600px), 
only screen and (max-width: 360px) 
{
	.detail_grid,
	.profile_detail { width: 100%; }
	.profile_detail { margin-top: 10px; }
	.photoPost { width: 100%; }
	.popoutUser { top: 5% !important; }
	.options_toogle li a.device-mobile { font-size: 11px; }
}
/******************************************************/
/*                                                    */
/******************************************************/
.posts li.no-border       { border-bottom: none; }
.wrap-list                { float: left; border-bottom: 1px solid #ddd; }
.ico_interactions         { width: 15px; height: 11px; display: inline-block; }
.ico_interaction_reply    { background-image: url('../img/ico_interaction_reply.png'); background-color: #333; }
.ico_interaction_follow   { background-image: url('../img/ico_interaction_follow.png'); background-color: #058ABB;}
.ico_interaction_favorite { background-image: url('../img/ico_interaction_favorite.png'); background-color: #FF7000; }
.ico_interaction_reposted { background-image: url('../img/ico_interaction_reposted.png'); background-color: #237606; }
.repost_ico               { width: 14px; height: 10px; display: inline-block; background-image: url('../img/repost.png'); }
.handle_ico               { width: 15px; height: 18px; display: inline-block; background-image: url('../img/handle13x18.png');background-repeat: no-repeat }
.comment_ico               { width: 16px; height: 18px; display: inline-block; background-image: url('../img/comment16x18.png');background-repeat: no-repeat }
.comment_span{font-size: 16px;margin-right: 5px; font-family: 'lato'}
.repostIcon               { cursor: pointer; float: left; font-size: 12px; margin: 0 7px 0 0; }
.notifyUser        { z-index: 10;   top: 17px;   right: 5px; position:absolute;   padding: 0 3px; background: #F00; color: #FFF; line-height: normal;  font-weight: bold;  
border-radius: 5px; -webkit-border-radius: 5px; font-size: 11px; width: 3px;  height: 9px; }
span.repostedSpan { color: #237606; }
a:hover span.repostedSpan { color: #237606; text-decoration:underline; }
.iconRepost { background-color: #237606 !important; }
/* Emoticons */
.emoticons {  width: 16px; height: 16px; float:none; margin: 0; display: inline-block; vertical-align: bottom; }
.emoticons_smile { background: url('../img/emoticons.png') 0 0 no-repeat; }
.emoticons_smile_2 { background: url('../img/emoticons.png') 0 -16px no-repeat; }
.emoticons_sad { background: url('../img/emoticons.png') 0 -32px no-repeat; }
.emoticons_tongue { background: url('../img/emoticons.png') 0 -48px no-repeat; }
.emoticons_wink { background: url('../img/emoticons.png') 0 -64px no-repeat; }
.emoticons_like { background: url('../img/emoticons.png') 0 -80px no-repeat; }
.emoticons_suprised { background: url('../img/emoticons.png') 0 -96px no-repeat; }
.goTop { width:41px; height:43px; margin-right: 20px; opacity: 0.7; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.goTop:hover { opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#noti_msg, 
#noti_connect { display: none; }
.iNotification { background: #F00;  width: 10px;  height: 10px; display: none; border-radius: 3px; -webkit-border-radius: 3px; }
.nav_user li a.userAvatar { width: 25px; height: 55px; padding: 0; float: left; text-indent: 0; line-height: 65px; }
.nav_user li a.userAvatar img { border-radius: 3px; -webkit-border-radius: 3px; }

/*=== TOOLTIP ===*/
.tipsy-inner { padding:10px; font-weight:bold; font-size:12px; border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy       { background:no-repeat; padding:5px; }
.tipsy-inner { padding:4px 8px; font:11px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; background-color:#333; color:#FFF; text-align:left; font-weight:normal;}
.tipsy-west  { background-image:url('../img/tipsy-west.gif'); background-position:left center; }
.tipsy-south { background-image:url('../img/tipsy-south.gif'); background-position:bottom center; }
a.south { display: inline-block; }
.box-class { -webkit-box-shadow: inset 0 -10px 20px #F3F3F3; box-shadow: inset 0 -10px 20px #F3F3F3; }

.upload-div { width: 45px; height: 30px; display: block; float: right; overflow: hidden; cursor: pointer; 
background-position: 100% 50%; position: relative; background : url('../img/upload.png') no-repeat left top; margin : 0 0 0 3px;cursor : pointer; }
.file-input { opacity: 0; cursor: pointer; height: 30px; padding-left: 45px; }
.align_center { display: block; text-align: center; }
.align_center img { margin-bottom: 15px; }
.active_tab { font-size: 12px;  color: #999; }
.tab_options { font-size: 12px; }
.spanCount { font-size: 11px; padding: 2px 4px; background: #F00; color: #FFF; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; }
.wrap_autocomplete { position: relative; }

/* options_toogle */
.toogle_search { width: 100%; float: left; padding: 10px 0; }
.toogle_search li { line-height: normal; width: 100%; background: none; padding: 0; white-space: nowrap; }
.toogle_search li a { text-indent:0; display: block; padding: 4px 25px; color: #666; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.toogle_search li a i.searchIco { width: 18px; height: 18px; margin: 0 5px 0 0; float: left; display: block; background: url('../img/search_ico.png') top center no-repeat;  }
.toogle_search li a:hover i.searchIco { width: 18px; height: 18px; margin: 0 5px 0 0; float: left; display: block; background: url('../img/search_ico.png') bottom center no-repeat;  }

.toogle_search li a:hover {
	background : #108CEC;
	background-image: -webkit-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -moz-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -ms-linear-gradient(top, #108CEC, #1D7DC7); 
	background-image: -o-linear-gradient(top, #108CEC, #1D7DC7);
	text-decoration: none; 
	color: #FFF;
 }
.toogle_search .bottomList { border: none; }
.notfound_auto { border-top: 1px solid #DDD; text-align: center; text-indent:0; display: block; padding: 4px 25px; color: #666; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#formSettings label.label_auto { width: auto; margin-right: 10px; }
.load_search { width: 100%; height: 14px; display: none; float: left; background: url('../img/loader.gif') center no-repeat; }

/* PopOut User */
#container_popout { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; position: fixed; z-index: 9999;  }
.popoutUser     { top: 20%; -webkit-box-shadow: 0 0 10px #1F1E1E; box-shadow: 0 0 10px #1F1E1E; display: none; max-width: 550px; padding: 0; background:#F8F8F8; color: #999; font-size: 12px; 
border-radius: 4px; -webkit-border-radius: 4px; position: fixed;  z-index: 10000; overflow: hidden; width: 80.857%; text-align: center; font-weight: bold; }
/* top: 20%; */
.wrap_popout { width: 100%; overflow: hidden; display: block; }
.title_popout { -webkit-box-shadow: inset 0 -10px 20px #F3F3F3; box-shadow: inset 0 -10px 20px #F3F3F3; background: #ececec; color: #333; border-bottom: 1px solid #DDD; height: 35px; }
.close_popout { position: absolute; right: 0; opacity: 0.7; width: 22px; height: 22px; margin-top: 5px; margin-right: 10px; background : url('../img/close.png') no-repeat; float: right; cursor: pointer;  }
.close_popout:hover { opacity: 1; }
.content_user {  width: 100%; float: left; }
.cover_popout { position: relative; width: 100%; float: left; height: 165px; }
.details_user { width: 100%; float: left; padding-bottom: 30px;}
.textPopout { width: 100%; font-size: 12px; color: #414141; float: left; display: block; padding: 0; line-height: 35px; }
.name_user {  position: relative; overflow: hidden; text-align: left; padding: 10px; }
.avatarPopout { z-index: 2; border: 1px solid #DDD; position: absolute; bottom: -30px; left: 20px; padding: 5px; background: #FFF; -webkit-border-radius: 3px; border-radius: 3px; }
.username_popout { padding-left: 90px; float: left; }
.h1_title a { color: #333; font-size: 15px; }
.h1_title a:hover { color: #111; }
.username_popout strong { font-weight: normal; }

.container_data_profile_popout { float: left; padding: 5px 7px 0; text-align: left; }
.grid_first_popout           { padding-left: 0; }
.user_data_popout              { position: relative; border-top: 1px solid #DDD; overflow: hidden; text-align: left; font-weight: normal; padding: 5px 0; float: left; width: 100%; }
.user_data_popout li           { float: left; border-right: 1px solid #DDD;  }
.user_data_popout li.last_li   { border: none; }
.countData_popout              { font-weight: bold; font-size: 13px;  color: #333; }
.title_data_popout             { font-size: 13px; ; color: #999; padding-top: 3px; }
.container_data_profile_popout a:hover { text-decoration: none; }
.container_data_profile_popout a:hover span{ color: #111;  }

.notify        { z-index: 10; top: 8px; right: 0; position:absolute; padding: 0 3px; background: #F00; color: #FFF;   line-height: normal;  font-weight: bold;  
border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 1px solid #FFF; font-size: 11px; }

/* POPOUT */
.preload_profile { height: 80px; background: url('../img/preload.gif') center no-repeat #FFF; 
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.error_show { padding: 40px 0; float: left; width: 100%; text-align: center; font-weight: bold; font-size: 12px; color: #F00; }
.desc_popout { line-height: 15px; padding: 8px 0 10px 0; font-weight: normal; font-size: 14px; border-top: 1px solid #DDD; color: #333; }
.desc_popout a { color: #0088E2; }
.desc_popout a:hover { color: #0088E2; }

/* Active Language */
.options_toogle li.active_lang {
	background: #108CEC;
	background-image: -webkit-linear-gradient(top, #108CEC, #1D7DC7);
	background-image: -moz-linear-gradient(top, #108CEC, #1D7DC7);
	background-image: linear-gradient(top, #108CEC, #1D7DC7);
	background-image: -ms-linear-gradient(top, #108CEC, #1D7DC7);
	background-image: -o-linear-gradient(top, #108CEC, #1D7DC7);
	text-decoration: none;
}
.options_toogle li.active_lang a { color: #FFF; }
.bio_popout { word-wrap: break-word; padding: 0 10px; }

/******************************************************************/
/*                               v2.3                             */
/*****************************************************************/

.user_data_profile              { padding: 5px 0 0 0; float: left; width: 100%; border-top: 1px solid #DDD; margin: 10px 0; }
/*.user_data_profile li           { float: left; border-right: 1px solid #DDD;  }*/
.user_data_profile li.last_li   { border: none; }
.countDataProfile              { float: left; width: 100%; font-weight: bold; font-size: 12px;  color: #333; }
.title_data_profile             { font-size: 11px; ; color: #999; float: left; padding-top: 3px; }
.container_data_profile_2 { float: left; padding: 5px 0 0; }
.container_data_profile_2.grid_first { padding-left: 0; }
.container_data_profile_2 a:hover { text-decoration: none; }
.container_data_profile_2 a:hover span{ color: #333;  }
.thumb_ajax { vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 3px; }
.username_tags { color: #999; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-hover .username_tags { color: #FFF; }

/******************************************************************/
/*                               v2.5                             */
/*****************************************************************/
.settingsList li:last-child {
	border-bottom: none;
}
/******************************************************************/
/*                               v2.6                             */
/*****************************************************************/
.reload-users {
	cursor:pointer;
	float: right;
}
.preloader-user {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/preload.gif') center center no-repeat rgba(255,255,255,0.9);
	z-index: 2;
	display: none;
}
.grid_1 {
	position: relative;
}
/******************************************************************/
/*                               v2.8                             */
/*****************************************************************/
/* API STYLES */
	.container_page > div > h1.title_api {
		margin: 10px 0;
	}
	
	.col-pre {
		padding: 10px 5px;
		background: #F0F0F0;
		color: #0088E2;
		margin: 10px 0;
		font-size: 14px;
		text-overflow: inherit;
		overflow: visible;
		white-space: normal;
	}

	.col-pre pre {
		text-align: left;
		word-wrap: break-word;
		white-space: pre-line;
		line-height: 18px;
	}
    .noborder{
        border: none !important;
        background: transparent !important;
        padding: 0px !important;
        margin-bottom: 15px;
    }
    .grid_tab{
        height: 40px;
        border:none !important;
        border-radius: 0px;
        margin-top: -11px;
        background: #606060;
        color: #ffffff;
        margin-bottom: 25px;
    }

    .grid_tab .tab .active{
        background: url("../img/arr.png") no-repeat top;
        content: "";
        color: transparent;
        position: absolute;
        left: 40%;
    }

    .tab{
        width: 32%;
        float: left;
        vertical-align: middle;
        line-height: 2.5;
        text-align: center;
        position: relative;
    }
    .tab_center{
        border-left: 1px solid;
        border-right: 1px solid;
    }
    .tab a{
        color: #ffffff;
        text-decoration: none;
    }
    .separate{
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .none_radius{
        border-radius: 0px !important;
    }
    .btn_blue{
        float: left;
        margin-bottom: 10px;
        padding: 10px;
        cursor: pointer;
        background: #2a7de2;
        color: #ffffff;
        box-shadow: 0px 5px 5px #1a64bf;
        height: 65px;
        overflow: hidden;
    }
    .separate_answer{
        border-left: 1px solid #ccc;
    }
    .grey{
        color: #666666;
        text-decoration: none;
    }
    .captital{
        text-transform: none;
        color: #0068a3;
    }
    .action_post{
       width: 100%;
        float: left;
        margin: 15px 0px 10px 0px;
    }
    .action_post .post_action{
        margin-right: 10px;
    }
	#navegation ul li{
        float: left;
        margin-left: 15px;
    }
#navegation ul li a{
    color: white;
    font-weight: bold;
    text-transform: capitalize;
}
.lato{
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    color: #000000 !important;
}
.form-img{
    float: left;
    width: 100%;
    text-align: center;

}
.nav-new{
    float: left;
    display: inline;
    margin-top: -33px;
}
p.signin-title{
    float: left;
    width: 100%;
    font-family: 'Arial';
    font-size: 15px;

}
.margin-bottom-15{
    margin-bottom: 15px;
}
.signInForm label{
    float: left;
    margin-right: 15px;
    color: black;
    font-weight: bold;
    margin-top: 16px;
    font-size: 13px;
    margin-bottom: 7px;
}
#signin_form input[type="text"],
#signin_form input[type="password"]{
    background: #FFF;
    width: 60%;
    margin: 0 0 7px 0;
    border-radius: 0px;
    padding: 8px 10px;
    border: 1px solid #006cb4;
    float: right;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#buttonSignIn{
    margin-top: 25px;
}
.gray-bg{background-color: #f1f1f1!important;}
.fbLogin{
    cursor: pointer;
}

/**binary chart*/
.binary-chart{
    margin-top: 20px;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.binary-chart li{
    background: none;
    height: 25px;
    min-height: 25px;
    padding-top: 10px;
    text-align: center;
    color: #F0F4F8;
    font-size: 14px;
    border-radius: 0px;

}
.binary-chart li{
    float: left;
    background-color: #f6b220;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 2px 2px 2px #f6b220;
    border: none;
}
.binary-chart li:nth-last-child(1){
    float: right;
    background-color: #2a7de2;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 2px #2a7de2;
    border: none;
}
/**end binary chart*/
/*multi chart*/
.multi-chart{
    float: left;
    width: 100%;
    height: 250px;

}
.multi-chart li{
    float: left;
    min-height: 0px;
    border-radius: 0px;
    height: 100%;
    position: relative;
    background: none;
}

.barchart{
    background: green;
    float: left;
    width: 100%;
    position: absolute;
}
.multi-chart li p{
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 85%;
    font-size: 13px !important;
}
.multi-chart li:nth-child(1) .barchart{
    background-color: #f6b220;
}
.multi-chart li:nth-child(2) .barchart{
    background-color: #2a7de2;
}
.multi-chart li:nth-child(3) .barchart{
    background-color: #00bd70;
}
.multi-chart li:nth-child(4) .barchart{
    background-color: #665ec7;
}
.multi-chart li:nth-child(5) .barchart{
    background-color: #ea4e3c;
}
.classified{
    padding: 0px !important;
    border: 1px solid #808080;
    border-radius: 5px;
    margin: 10px 0px;
    margin-top: 0px;
    background: white;
}
.classified .category_head{
   background:  rgb(168, 25, 25);
    color: #fff;
    padding: 15px 0px;
    text-align: center;
}
.classified .category_body{
    padding: 10px 4px;
    font-size: 13px;
    line-height: 2;
}
.classified .category_body a{
    text-decoration: none;
    color: #848181;
}
.footer_new{
    text-align: center !important;
    background: transparent !important;
}
.chart{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn-ajax{
    cursor: pointer;
    color: white;
    background: white;
}
.btn-ajax:hover{
    color: white;
}
/*end multi chart*/

ul.choose-option{
    float: left;
    width: 100%;
    background-color: white;
    margin-bottom: 60px;
    padding-bottom: 0px;
}
ul.choose-option li{
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 6px;
}
ul.choose-option li:nth-child(1){
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
ul.choose-option li:nth-last-child(1){
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
ul.choose-option li:hover{

}


ul.choose-option li p{
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}

.sprite-ask {

    background-size: 300px 100px;
    display: inline-block;
    float: none;
    width: 95%;
    height: 155px;
    background-size:cover;
}
/*.sprite-ask.binary-meta {*/

    /*background: url('images/vs-button.png') no-repeat;*/

/*}*/
/*.sprite-ask.multiple {*/
    /*background: url('images/multiple-button.png') no-repeat;*/

/*}*/
/*.sprite-ask.slider {*/
    /*background: url('images/range-buton.png') no-repeat;*/

/*}*/
/*.sprite-ask.star {*/
    /*background: url('images/rating-button.png') no-repeat;*/


/*}*/
.text-center{
    text-align: center;
    margin-bottom: 15px;
}
p.text-center.text-title{
    color: rgb(121, 121, 121);
    font-size: 12px;
    margin-top: 10px;
}
.title-question{
    float: left;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 20px;
}
.btn-remove-val{
    margin: 6px;
    position: absolute;
    right: -6px;
    top: 8px;
    cursor: pointer;
    width: 21px;
    border-radius: 59px;
    height: 21px;
    text-align: center;
    text-transform: lowercase;
    line-height: 11px;
}
.btn-add-media{
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    background-color: white;
    color: #666;
    cursor: pointer;
}
.text-answer {
    float: left;
    width: 80%;
    margin: 5px 0px;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
    margin-left: 7%;
}
.wrap-answer{
    position: relative;
    float: left;
    width: 100%;
}
.file-btn{
    float: left!important;
}
.btn-add-post{
    float: right!important;
    margin: auto!important;
    text-align: center;
    margin-top: 20px!important;
}

ul.actions li,
ul.actions_content li{
    min-height: 0px;
    width: auto;
    float: left;
    margin: 5px;
    border: 0px;
    margin-left: 0px;
    background: none!important;
    cursor: pointer;
}
ul.actions_content li{
    width: 100%!important;
}
ul.actions li:hover{
    color: #ea4e3c;
}
.chat-here{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 36px;
}
.details_report{
    position: absolute;
    top: 0px;
    left: 0px;
}
.row{
    float: left;
    width: 100%;
}
.col50{
    float: left;
    width: 50%;
}
.row h3{float: left; text-align: left}
ul.swicth-post-type-bg{
    margin-bottom: 20px;
    float: left;
    padding-top: 0px;
}
ul.swicth-post-type-bg li{
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 12px;
}
ul.swicth-post-type-bg li p{
    font-family: "Open Sans", Helvetica, arial, sans-serif;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
ul.swicth-post-type-bg li p:hover{
    text-shadow: 1px 1px 3px white;
}
.choose-option .group2{
    display: none;
}
.margintop45{
    margin-top: 21px;
}
.highcharts-container{
    /*float: left!important;*/
    max-width: 100%!important;
}
.highcharts-button{
    display: none!important;
}
.highcharts-container text{

}
.actions_content li{
    display: none;
}

.voter-list{
    float: left;
    width: 100%;
}
.voter-list li{
    display: block!important;
    border-bottom: 1px solid #b3b3b3!important;
    border-radius: 0px!important;
    width: 96%!important;
}
.voter-list li p{
    float: left;
    width: 100%;
}

.voter-list li p.userUname{

}
.voter-list li p.userRname {
    font-size: 17px;
}
.actions li.stat{
    background: url('images/stat-ico.png') center no-repeat !important;
    width: 11px;
    height: 31px;
    margin-left: -50px;
    margin-right: 24px;
}

.chart-parent{
    width: 50%;
}

/*spirte*/
.swicth-bg,
.vs-button,
.multiple-button,
.range-buton,
.swicth-bg-pool-hover,
.swicth-bg-rate-hover,
.rating-button{
    background: url(images/sprites.png) no-repeat;
}

.swicth-bg{
    background-position: -2px -2px ;
    width: 378px;
    height: 50px;
}

.swicth-bg-pool-hover{
    background-position: -2px -59px;
    width: 378px;
    height: 50px;
}
.swicth-bg-rate-hover{
    background-position: -3px -113px;
    width: 378px;
    height: 50px;
}

.vs-button{
    background-position: -10px -172px ;
    width: 155px;
    height: 155px;
}

.vs-button:hover,
.selected .vs-button{
    background-position: -173px -174px ;
    width: 155px;
    height: 155px;
}

.multiple-button{
    background-position: -8px -334px ;
    width: 155px;
    height: 155px;
}

.multiple-button:hover,
.selected .multiple-button
{
    background-position: -174px -334px ;
    width: 155px;
    height: 155px;
}

.range-buton{
    background-position: -393px -10px ;
    width: 155px;
    height: 155px;
}

.range-buton:hover,
.selected .range-buton
{
    background-position: -554px -10px ;
    width: 155px;
    height: 155px;
}

.rating-button:hover,
.selected .rating-button
{
    background-position: -554px -173px ;
    width: 155px;
    height: 155px;
}

.rating-button{
    background-position: -393px -171px ;
    width: 155px;
    height: 155px;
}



/*end sprite*/
.col40{width: 40%;}
.col60{width: 60%;}

.actions,
.actions_content{
    float: left;
    width: 100%;
}
.actions{
    float: left;
    width: 60%;
    margin-left: 13%;
    position: absolute;
    top: 60px;
}
.li-header{
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 10px;
    height: 80px;
    overflow: hidden;
}
p.postTitle{
    cursor: pointer;
    font-weight: bold;
}
p.postTitle:hover{
    color: #005580;
}
.hoverList .avatar_user{
    -webkit-border-radius: 65px;
}
.grid-reply span.container-media-1 {
    padding-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none!important;
    background: #1d252c!important;
    font-weight: normal;
    color: #555555;
    cursor: pointer!important;
    border-radius: 101px;
    width: 40px!important;
    height: 40px!important;
    top: -.7em!important;
    margin-left: -1.8em!important;
}
.ui-widget-content {
    background: red !important;  /* #00bd70 */
    color: #222222!important;
}
.ui-widget-header {
    background: #bfbebb!important;
    color: #222222!important;
    font-weight: bold;
}
.amount-slider{
    margin-bottom: 25px;
    color: #1d252c!important;
    font-weight: normal!important;
    font-size: 20px!important;
    width: auto!important;
    text-align: right;
    margin-bottom: 25px;
    color: #1d252c!important;
    font-weight: normal!important;
    font-size: 20px!important;
    width: auto!important;
    text-align: right;
    margin-left: -34%;
    padding-right: 10px;
}
.slider-extra-value{
   text-transform: uppercase;
}
.replyContainer .timestamp{
    margin-bottom: 10px;
    text-align: left;
}
.signin_form .form-img img{
    height: 50px;
}
.round-hand,
.ui-state-default{
    width: 40px;
    height: 40px;
    position: relative;
    left: 0px;
    background: #1d252c!important;
    top: -11px;
    cursor: pointer;
    border-radius: 45px;
    left: -37px;
}
.btn-slider-vote{
    float: none;
    margin-bottom: 10px;
    width: 15%;
    margin-top: 30px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: auto;
    background: #1d252c!important;
    color: white;
}
.btn-slider-vote:hover{
    background: #00bd70!important;
}


.bottom-tool-box{
    float: left;
    width: 100%;
    margin-top: 35px;
}
.bottom-tool-box li{
    background: none;
    border: none;
    min-height: 0px;
    float: right;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    cursor: pointer;
    padding-bottom: 22px;
}
.bottom-tool-box li.redo{
    background: url("../img/icon-redo.png") center top no-repeat;
}
.bottom-tool-box li.share{
    background: url("../img/icon-shares.png") top center no-repeat;
    background-size: 96%;
    background-position-y: 0px;
}
.bottom-tool-box li.report{
    background: url("../img/icon-report.png") center top no-repeat;
}
.bottom-tool-box li.delete{
    background: url("../img/ico-delete.png") center top no-repeat;
    background-size: 99%;
}
.bottom-tool-box li p{
    font-size: 11px!important;
    margin-top: 25px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 46px;
}
.confirm-class{
    float: left;
    width: 98%;
    text-align: right;
    display: none;
    background-color: #ffffcc;
    margin-top: 15px;
    padding: 10px;
}
.confirm-class .btn-confirm{
    width: 100px;
    padding: 10px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    border-radius: 5px;
    color: white;
}
.confirm-class .btn-confirm-yes{
    background: #eb796c;

}
.confirm-class .btn-confirm-no{
    background: #5997e3;

}
.confirm-class .btn-confirm-yes:hover,
.confirm-class .btn-confirm-no:hover{
    background: #1d252c;
}
.confirm-class  p{
    width: 65%;
    padding-top: 10px;
    float: left;
    margin-bottom: 0px;
}
.share_on_wall{
    padding: 10px;
    width: 97%;
    float: left;
}
.share_on_wall .fb_share ,.share_on_wall .tw_share{
    padding: 10px;
    width: 100%;
    float: left;
}
.share_on_wall .fb_share h4 ,.share_on_wall .tw_share h4{
    padding: 10px 0px;
}
.span_social{
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}
.btn_checkbox{
    -webkit-appearance: none;
    background: #1d252c;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid #3F4D58;
    float: left;
    margin-right: 10px;
}
.btn_checkbox:checked{
    background:#00bd70 ;
}
.custom-btn{
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.share_this{
    margin-top: 10px;
}
.right-button{
    width: 30px;
    padding-top: 3px;
    background: white;
    border-radius: 7px;
    float: right;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    padding-bottom: 3px;
    display: none;
}
.right-button span{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    float: left;
    height: 5px;
    background: #a02121;
    margin-bottom: 2px;
    margin-top: 1px;
}
#navegation_2{
    display: none;
}
#navegation_2,
#navegation_2 ul{
    float: right;
    background: white;
}
#navegation_2 ul li{
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.stat-col{
    float: left;
    width: 100%;
}
.col-lg-6{
    float: left;
    width: 50%;
}
.jrating{
    float: none;
    margin: auto;
}
.jRatingColor{
    width: 275px!important;
}
.full-width{
    width: 100%;
    float: left;
    margin-bottom: 2px;
}
.text-profile{
    padding: 10px;
    border: 1px solid rgb(169, 169, 169);

    margin-top: 10px;
}

.width-90{
    width: 90%;
}
.img-cus-size{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.maximun-val{
    float: right;
    text-align: right;

}
.minimum-val{
    float: left;
    text-align: left;
}
.maximun-val,
.minimum-val{
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    color: #000000 !important;
}
.chart-content{
    float: none;
    margin: auto;
    width: 90%;
}
.user-porfile-form .width-90 {
    width: 96.5%;
}
.update-profile-text{
    text-align: right;
    float: right;
    color: #999;
    font-size: 13px;
}
.padding-10 .paddingPost{
    padding: 11px 35px;
    /* overflow: hidden; */
    display: block;
}
.padding-10 .follow_button {
    position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 10;
}
.hoverList.cus-hoverList{
    min-height: 63px;
}
.padding-10 .detail_grid p{
    height: auto;
}
/*meter*/
.strength-indicator
{
    width: 100%;
    height: 120px;
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 10px;
}
.strength-indicator
{
    line-height: 18px;
}
.meter
{
    display: block;
    width: 160px;
    height: 14px;
    background-color: Gray;
    background: #424042; /* Old browsers */
    background: -moz-linear-gradient(left, #424042 0%, #f2f2f2 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#424042), color-stop(99%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #424042 0%,#f2f2f2 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #424042 0%,#f2f2f2 99%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #424042 0%,#f2f2f2 99%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424042', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #424042 0%,#f2f2f2 99%); /* W3C */
    font-size: 12px;
    padding: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 15px;
}
.strong
{
    text-align: center;
    background-color: Green;
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(left, #ffff00 0%, #218400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#218400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffff00 0%,#218400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffff00 0%,#218400 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ffff00 0%,#218400 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#218400',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ffff00 0%,#218400 100%); /* W3C */

}
.medium
{
    text-align: center;
    background-color: orange;
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(left, #ffff00 0%, #f98900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#f98900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffff00 0%,#f98900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffff00 0%,#f98900 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ffff00 0%,#f98900 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#f98900',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ffff00 0%,#f98900 100%); /* W3C */
}
.week
{
    text-align: center;
    background-color: yellow;
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(left, #ffff00 0%, #fc1d00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#fc1d00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#fc1d00',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* W3C */
}
.no-match
{
    color: #FF7B78 !important;
}
.password-container
{
    width: 99%;
    padding: 4px;
    position: relative;
}
.password-container p
{
    margin: 0;
    padding: 0;
    margin-top: 8px;
}
.password-container p label
{
    text-align: left;
    display: inline-block;
    width: 130px;
    color: #6E6E6E;
    font-size: 14px;
}
.password-container p input[type=password]
{
    width: 97.4%;
    height: 38px;
    font-size: 24px;
    border: 1px solid rgb(169, 169, 169);
    padding-left: 10px;
    padding-right: 10px;
}
.password-container .info
{
    display: block;
    color: Gray;
    margin-left: 134px;
}

.error
{
    display: block;
    margin-left: 0px;
    padding: 10px;
    background: rgba(233, 203, 204, 0.81);
    margin-top: 10px;
    border: 1px solid rgb(233, 178, 200);
    font-size: 12px;
}
.submit-button,
.submit-button-nopass
{
    width: 125px;
    height: 40px;
    display: block;
    margin-left: 312px;
    border-radius: 5px;
    text-align: center;
    color: white;
    border: none;
    background-image: -webkit-linear-gradient(top, #2AC5FD, #058ABB);
}
a.submit-button
{
    text-decoration: none;
    color: #282834;
    font-size: 18px;
}
.locked
{
    background-image: url(../img/loader.gif);
    background-position: right;
    background-repeat: no-repeat;
}
.unlocked
{
    background-image: url(../img/unlocked.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

/*end meter*/

/*datetime picker*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    background: white!important;
    display: none;
}
.ui-helper-clearfix{
    display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*border: 1px solid!important;*/
    /*font-weight: normal;*/
    /*cursor: pointer!important;*/
    /*border-radius: 0px;*/
    /*width: 35.5px!important;*/
    /*height: 27px!important;*/
    /*top: 0.9em!important;*/
    /*margin-left: -2.99px!important;*/
    /*padding-top: 15px;*/
    /*text-align: center;*/
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #1d252c!important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #108CEC!important;
    color: #FFF;
}
.voterRealName{
    color: #000000;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
}
.detail_grid p.voterUserName{
    color: #363636!important;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 14px!important;
}
.detail_grid p.voterAnswerVal{
    height: auto;
    padding: 0px;
    min-height: 0px;
    font-size: 14px!important;
}
.detail_grid p.voterAnswerVal span{
    color: #a02121;
    font-weight: bold;
}
.hide{
    display: none;
}
.loadmore {
    float: left;
    width: 15%;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    margin-top: 10px;
    color: #a02121;
    font-size: 13px;
    background: url('../img/comment16x18.png') left top no-repeat;
    background-position-y: 9px;
}
.loadmore:hover{
    text-decoration: underline;
}
.search-paging-loading{
    background: url("../img/loader.gif") center no-repeat;
    width: 14px;
    height: 14px;
    float: left;
    margin-top: 20px;
    margin-left: -24px;
    display: none;
}
.search-paging-loading.show{
    display: block;
}
/*end datetime picker*/
.loading-answer{
    float: left;
    width: 100%;
    position: absolute;
    background: rgba(114, 114, 114, 0.27);
    height: 100%;
    z-index: 999;
    background: url('../img/loadingpost.gif') center center no-repeat rgba(31, 31, 31, 0.15);
    display: none;
}
img.photoPost{
   width: 300px;
    height: auto;
}
.form{
    float: left;
    padding: 20px;
    background: white;
    margin: 20px;
    border-top: 1px solid #FFF;
}
.form input{
    background: #FFF;
    width: 91.533%;
    margin: 0 0 7px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 10px;
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px #FFF;
    box-shadow: 0 1px #FFF;
}
#form_add_post button#button_add.btn-disabled{
    opacity: 0.2!important;
}
#signup_form #username,
#signin_form #user{
    color: #5b86f9;
}
.check-disable{
    padding-top: 20px;
}

.verifired-note{
    position: absolute;
    right: -170px;
    top: -10px;
    width: 155px;
    background: #a02121;
    color: white;
    padding: 4px;
    border: 1px solid #bb2626;
    border-radius: 5px;
    text-align: center;
    z-index: 9999;
    font-size: 14px;
}
